<template>
	<view class="wrapper">
		<navbar title="消息提醒" leftIcon=""></navbar>
		<div class="main">
			<div class="bfff bor25 hr mb30" v-for="v in 10">
				<div class="center mb20">
					<div class="flex1 f32 fbold c333">
						停车场缴费成功通知 
						<text class="text-1 "></text>
					</div>				
					<div class="f24 c999">未读</div>
				</div>
				<div class="f28 c666">车牌号码：闻D539UE</div>
				<div class="f28 c666">停靠位置：厦门旅游文化产业园</div>
				<div class="f28 c666">停车时长：1小时1分钟</div>
				<div class="f28 c666">缴费金额：10元</div>
				<div class="f24 c999 mt10">2023-10-0418:38:04</div>
			</div>
		</div>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	.text-1{
		width: 16rpx;
		height: 16rpx;
		background:  #FF5733;
		border-radius: 50%;
		display:inline-block
	}
	.hr{
		padding: 28rpx;
	}
	page {
		background: url(/static/bcak1.png) no-repeat #FAFAFA;
		background-size: 100% auto;
		padding: 30rpx;
	}
</style>